<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" />
		<script>
//数据的双向绑定模型
let obj = {}, temp = {};
Object.defineProperty(obj, 'name', {//给谁加属性，加什么属性
	//value:1
	get(){  //取obj的name属性会触发
		return temp['name'];
	},
	set(val){  //给obj赋值会触发set方法
		temp['name'] = val;  //改变temp的结果
		input.value = val;  //val=>obj.name 将值赋予输入框
	}
	
});
input.value = obj.name;  //页面一加载时，会调用get方法
input.addEventListener('input',function(){  //等待输入框的变化
	obj.name = this.value;  //当值变化时会调用set方法
})
		</script>
	</body>
</html>
